<template>
    <div>
        <Debounce :time="500" events="change">
            <!-- <button @click="onClick($event, 1)">click+1 {{val}}</button> -->
            <el-input v-model="text" @change.native="handelChange"></el-input>
        </Debounce>
        {{val}}
    </div>
</template>
<script>
export default {
    data () {
        return {
            val: 0,
            text: '',
        }
    },
    methods: {
        handelChange () {
            this.val += 1
            console.log('change')
        },
    }
}
</script>
